<template>
    <div>
        <course-preview :holder-id="holderId" :self="self"></course-preview>
        <div v-show="showTip" class="v-modal" style="z-index: 2000;" @click="showTip = false"></div>
        <div v-show="showTip" class="share-tip-dialog">
            <div class="tip-container">
                <div class="back">
                    <div class="talk happy">
                        快点击页面右上方<img style="width:30px;position:relative;top:4px;" src="http://penguin-courses.oss-cn-shanghai.aliyuncs.com/image/icon_ts%402x.png"><br> 分享课程给你的好友吧~
                    </div>
                </div>
                <div class="msg primary" @click="showTip = false">我知道了</div>
            </div>
        </div>
    </div>
</template>

<script>
    import CoursePreview from '@/modules/common/CoursePreview.vue'
    export default {
        components:{
            CoursePreview
        },
        props: ['holderId', 'self'],
        data(){
            return {
                showTip: false
            }
        },
        created(){
            if(this.self){
                this.showTip = true
                // this.$message({
                //     title: '',
                //     confirmButtonText: '我知道了',
                //     message: '<div class="text-center"><img style="width:50%;margiin-top: 20px;" src="http://penguin-courses.oss-cn-shanghai.aliyuncs.com/image/penguin-happy.jpg"><div>快点击页面右上方 <img style="width:30px;position:relative;top:4px;" src="http://penguin-courses.oss-cn-shanghai.aliyuncs.com/image/icon_ts%402x.png"> <br>分享课程给你的学员吧~</div></div>',
                //     confirmButtonClass: 'primary'
                // })
            }
        }
    }
</script>

<style scoped>
    
</style>